<template>
  <div ww3 auto>
    <el-page-header @back="goBack" content="RF (Royalty-Free)授权许可">
    </el-page-header>

    <el-card class="box-card">
        <div class="conten1">
          <p fz-14="">RF(Royalty-Free)授权，即免版税使用模式，用户取得的使用授权具有非排他性授权使用的特征。</p>
          <p fz-14="">用户购买使用授权后，其作品使用不受使用次数、时间、空间、用途限制。</p>
          <p fz-14="">RF(Royalty-Free)授权模式的授权人为出售作品的创作人，被授权主体为购买素材的用户主体。</p>
          <p fz-14="">可在多重时间内用于多个用途，且不需支付任何附加费用（禁止非法用途），但RF授权作品只供购买者本人使用，不可以转让或再次出售，也不能被买断独家使用权。</p>
          <p fz-14="">用户有权自主选择不同使用类目并享受以下特定形式的特权服务：</p>
        </div>

      <el-table
          :data="tableData"
          style="width: 100%; margin:1.4% 0;"

      >
        <el-table-column
            prop="place"
            label="应用场景"
           >

          <template slot-scope="scope">
            <span style="padding-right: 10px">
              {{scope.row.place}}
            </span>
            {{scope.row.fun}}

          </template>


        </el-table-column>
        <el-table-column
            prop="can"
            label="是否可使用"
            fixed="right"
            width="300"
           >
          <template slot-scope="scope">
            <svg class="icon" aria-hidden="true">
              <use :xlink:href="`#${scope.row.can}`"></use>
            </svg>
          </template>

        </el-table-column>

      </el-table>

      <div class="conten1">
        <p fz-14="">注意：若超过以上RF限定适用范围请联系作品原作者。</p>
        <p fz-14="">RF授权作品产生的演绎作品或派生作品在行使著作权的时，不得侵犯作品原作者的著作权。下载作品的著作权归原作者所有，可对作品作技术性修改、修饰或使用其中的一部分，但不得侵犯原作者的著作权。</p>
        <p fz-14="">用户于2020年11月25日前购买作品的，请按照RF(Royalty-Free)授权许可使用作品，于2020年11月25日及以后购买作品的请按照新的授权规则使用作品。</p>
      </div>

    </el-card>





  </div>
</template>

<script>
export default {
  name: "Explanation",
  data() {
    return {
      tableData: [{
        place: '数字用途',
        fun:' App网站设计、微博、微信、小程序、宣传片、电脑桌面背景（皮肤）',
        can: 'icon-duigouxiao'
      }, {
        place: '电商展示',
        fun:' 淘宝、京东、天猫等店铺推广营销场景（不可与商品绑定）',
        can: 'icon-duigouxiao'
      }, {
        place: '学术',
        fun:' 学习交流',
        can: 'icon-duigouxiao'
      }, {
        place: '作品创作',
        fun:' 个人参赛作品、毕业设计（需注明来源出处）',
        can: 'icon-duigouxiao'
      }, {
        place: '网络简报',
        fun:' 电子邮箱、PPT、会议汇报',
        can: 'icon-duigouxiao'
      }, {
        place: '线下用途',
        fun:' 会议开场、舞台背景、办公室背景、户外广告宣传等线下活动场景展示',
        can: 'icon-duigouxiao'
      },{
        place: '网络转售',
        fun:' 直接复制销售或将其存储于某媒介进行销售或销售存储设备而直接销售、赠送作品',
        can: 'icon-chucuo'
      },{
        place: '伪原创转售',
        fun:' 剪辑合成再销售',
        can: 'icon-chucuo'
      }



      ]
    }
  },


  methods: {
    goBack() {
      this.$router.go(-1)
    }
  }

}
</script>

<style scoped>
.box-card{
  margin: 2% auto;
  padding: 0 4%;
}
  .conten1 p{
      line-height: 32px;
      color: var(--grey);
  }
  .icon{
    width: 20px;
    height: 20px;
  }
</style>
